<div id="page-wrapper">
	<div class="row">
		<div class="col-lg-12">
			<h1>Tabel Nilai Siswa <small>Sort Your Data</small></h1>
			<ol class="breadcrumb">
				<li><a href="index.html"><i class="fa fa-dashboard"></i> Dashboard</a></li>
				<li class="active"><i class="fa fa-table"></i> Lihat Nilai</li>
			</ol>
			<div class="alert alert-info alert-dismissable">
				<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
				We're using <a class="alert-link" href="http://tablesorter.com/docs/">Tablesorter 2.0</a> for the sort function on the tables. Read the documentation for more customization options or feel free to use something else!
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-6">
			<h3>Lihat Nilai Siswa</h3>
			<div class="table-responsive">
				<table class="table table-no-line table-hover tablesorter">
					<tbody>
						<tr>
							<td>Mata Pelajaran</td>
							<td>
								<select class="form-control">
									<option>Matematika</option>
									<option>Bahasa Jawa</option>
									<option>Bahasa Linggis</option>
								</select>
							</td>
						</tr>
						<tr>
							<td>Kelas</td>
							<td>
								<select class="form-control">
									<option>X</option>
									<option>XI</option>
									<option>XII</option>
								</select>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="col-lg-6">
			<h3>Bordered with Striped Rows</h3>
			<div class="table-responsive">
				<table class="table table-bordered table-hover table-striped tablesorter">
					<thead>
						<tr>
							<th>No <i class="fa fa-sort"></i></th>
							<th>NIS <i class="fa fa-sort"></i></th>
							<th>Nama Siswa <i class="fa fa-sort"></i></th>
							<th>Nilai <i class="fa fa-sort"></i></th>
							<th>Action</i></th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>1265</td>
							<td>Inu</td>
							<td>$321.33</td>
							<td><a href="#edit">Edit</a> | <a href="#detail">Detail</a></td>
						</tr>
						<tr>
							<td>2</td>
							<td>261</td>
							<td>Ina</td>
							<td>$234.12</td>
							<td><a href="#edit">Edit</a> | <a href="#detail">Detail</a></td>
						</tr>
						<tr>
							<td>3</td>
							<td>665</td>
							<td>Inan</td>
							<td>$16.34</td>
							<td><a href="#edit">Edit</a> | <a href="#detail">Detail</a></td>
						</tr>
						<tr>
							<td>4</td>
							<td>9516</td>
							<td>Njajal</td>
							<td>$1644.43</td>
							<td><a href="#edit">Edit</a> | <a href="#detail">Detail</a></td>
						</tr>
						<tr>
							<td>5</td>
							<td>1234</td>
							<td>Oke sip</td>
							<td>35</td>
							<td><a href="#edit">Edit</a> | <a href="#detail">Detail</a></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-6">
			<input type="text" value="90">
			<button type="submit" class="btn btn-default">Update Nilai</button>
		</div>
	</div>